body { margin: 0; font-family: Arial, sans-serif; background-color: #f0f0f0; } .screen { display: none; height: 100vh; overflow: hidden; box-sizing: border-box; } .screen.active { display: block; } .centered { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; background: white; } .btn { padding: 10px 20px; background-color: orange; color: white; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; margin-top: 10px; } .input { padding: 10px; margin: 5px 0; width: 80%; border: 1px solid #ccc; border-radius: 5px; } .chat-header, .call-header { background-color: #003d29; color: white; padding: 15px; font-size: 18px; } .chat-list, .call-list, .contact-list { background-color: white; } .chat-item, .call-item, .contact-item { padding: 15px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; cursor: pointer; } .chat-messages { padding: 15px; height: calc(100vh - 150px); overflow-y: auto; background: #fff; } .message-box { display: flex; position: fixed; bottom: 0; width: 100%; background: #f9f9f9; padding: 10px; } .message-box input { flex: 1; padding: 10px; border-radius: 5px; border: 1px solid #ccc; } .message-box button { margin-left: 10px; background: #003d29; color: white; border: none; padding: 10px 15px; border-radius: 5px; } .profile-screen { background: #fff; padding: 20px; } .call-screen { background: #003d29; color: white; text-align: center; padding-top: 100px; } .call-screen h2 { font-size: 24px; } .call-btn { margin-top: 20px; padding: 10px; background: red; border: none; color: white; border-radius: 50%; width: 50px; height: 50px; }
Welcome to Indian Chats
Sign In
Register
Register
Create Account
Back to Login
Chats
Priya
10:01
Raj
10:31
Contacts
Call Logs
My Profile
Chat
Priya:
Hello!
You:
Hi Priya, how are you?
Send
Calling Priya...
X
Call Logs
Priya - 10 min
Raj - 25 min
Back
Contacts
Priya
Raj
Neha
Arjun
Back
My Profile
Name:
David
Status:
Available
Phone:
+91 1234567890
Back